<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <script src="https://at.alicdn.com/t/font_2005268_hs4e6r1fzp.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/css.css">
    <script src="./js/jquery-3.4.1.min.js"></script>
</head>

<body>
    <header>
        <!--  -->
        <div class="container">
            <div class="left" id="btn-drawer">
                <span class="icon-m"></span>
                <span class="icon-m"></span>
                <span class="icon-m"></span>
            </div>
            <div class="middle">
                <img src="./images/logo.png" alt="">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shouji">
                    </use>
                </svg>
            </div>
            <div class="right">
                <span>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo"></use>
                    </svg>
                </span>
                <a href="./login.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yonghu"></use>
                    </svg>
                </a>
            </div>
            <!--  -->
            <div class="nav">
                <ul data-nav="header">
                    <li class="active"><a href="">Android</a></li>
                    <li><a href="">iOS</a></li>
                    <li><a href="./video.html">视频</a></li>
                </ul>
            </div>
        </div>
    </header>
    <div class="drawerbox" data-drawer="box">
        <div class="draw-content">
            <p class="btn-return">←</p>
            <ul>
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">排行榜</a></li>
                <li><a href="#">安利墙</a></li>
                <li><a href="#">发现</a></li>
                <li><a href="#">动态</a></li>
            </ul>
        </div>
        <div class="drawer-mask"></div>
    </div>
    <div class="heg"></div>
    <!-- 首页推荐页面 -->
    <section>
        <div class="gameitem">
            <img src="./images/banner01gushu.jpg" alt="">
            <div class="feed-info">
                <div class="info-content">
                    <img class="info-icon" src="./images/tubiao-gushu.png" alt="">
                    <div class="info-text">
                        <p class="feed-title">Deemo（古树旋律）
                            <span class="review-count">
                                6210人评分
                            </span>
                        </p>
                        <p class="feed-description">音乐谱写动人童话，免费获取完整版
                            <span class="review-count">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-1">
                                    </use>
                                </svg>
                                9.4
                            </span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 短行推荐  -->
    <section>
        <div class="gameitem-short">
            <div class="title">版本更新</div>
            <div class="imgbox">
                <img src="./images/banner02.jpg" alt="">
            </div>
            <div class="info">
                <div class="info-icon">
                    <img src="./images/tubiao-gushu.png" alt="">
                </div>
                <div class="info-content">
                    <p>
                        <span class="feed-title">
                            Deemo（古树旋律）
                        </span>
                        <span class="review-count sm">
                            6210人评分
                        </span></p>
                    <p>
                        <span class="feed-description">音乐谱写动人童话，免费获取完整版</span>
                        <span class="review-count">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-1">
                                </use>
                            </svg>
                            9.4
                        </span>
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- 安利墙 -->
    <section>
        <div class=" review">
            <div class="review-title container">
                <span>安利墙</span><span><a href="#">查看更多</a></span>
            </div>
            <div class="review-list">
                <div class="swiper" data-swiper="swiper" data-sroll="#swiper-anli">
                    <div class="swiper-item">
                        <div class="title">
                            <span class="userimg">
                                <img src="./images/tubiao-gushu.png" alt="">
                            </span>
                            <span class="user-name">水君</span>
                            <span class="action">评价</span>
                            <span class="game-name">古树旋律</span>
                        </div>
                        <div class="star-rating">
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                        </div>
                        <div class="game-content">
                            <div class="description"> 新人必领!
                                目前所有的礼包码，在I会暗号那里兑换。
                                YS814...
                            </div>
                            <div class="iconbox">
                                <img src="./images/tubiao-gushu.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-item">
                        <div class="title">
                            <span class="userimg">
                                <img src="./images/tubiao-diwurenge.png" alt="">
                            </span>
                            <span class="user-name">探探路</span>
                            <span class="action">评价</span>
                            <span class="game-name">古树旋律</span>
                        </div>
                        <div class="star-rating">
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                        </div>
                        <div class="game-content">
                            <div class="description"> 新人必领!
                                目前所有的礼包码，在I会暗号那里兑换。
                                YS814...
                            </div>
                            <div class="iconbox">
                                <img src="./images/tubiao-diwurenge.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-item">
                        <div class="title">
                            <span class="userimg">
                                <img src="./images/tubiao-zhangxin.png" alt="">
                            </span>
                            <span class="user-name">水君</span>
                            <span class="action">评价</span>
                            <span class="game-name">无法触碰的掌心</span>
                        </div>
                        <div class="star-rating">
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star active">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                            <span class="star">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-htmal5icon24">
                                    </use>
                                </svg>
                            </span>
                        </div>
                        <div class="game-content">
                            <div class="description"> 无法触碰的掌心,
                                指尖相的浪漫悬疑物语.限免下载中
                            </div>
                            <div class="iconbox">
                                <img src="./images/tubiao-zhangxin.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swipersroll" id="swiper-anli">
                    <div class="swipersroll-item"></div>
                </div>
            </div>
        </div>
    </section>

    <!-- 短行推荐 -->
    <section>
        <div class="gameitem-short">
            <div class="title">编辑推荐</div>
            <div class="imgbox">
                <img src="./images/banner03.jpg" alt="">
            </div>
            <div class="info">
                <div class="info-icon">
                    <img src="./images/tubiao-diwurenge.png" alt="">
                </div>
                <div class="info-content">
                    <p>
                        <span class="feed-title">
                            第五人格
                        </span>
                        <span class="review-count sm">
                            60427人评分
                        </span></p>
                    <p>
                        <span class="feed-description">1v4逃生对抗，逃离恐怖庄园</span>
                        <span class="review-count">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-1">
                                </use>
                            </svg>
                            9.4
                        </span>
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- 底部 -->
    <footer>
        <div class="container">
            <p>Contact Us</p>
            <ul class="list-logo">
                <li><a href="#"> <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-facebook3">
                            </use>
                        </svg></a></li>
                <li><a href="#"> <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weixin">
                            </use>
                        </svg></a></li>
                <li><a href="#"> <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-qq">
                            </use>
                        </svg></a></li>
                <li><a href="#"> <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-zhihu0">
                            </use>
                        </svg></a></li>
                <li><a href="#"> <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weibo">
                            </use>
                        </svg></a></li>
                <li><a href="#"> <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-mail4">
                            </use>
                        </svg></a></li>
            </ul>
            <p><span class="red">TapTap 四周年 </span>2019年度游戏大赏 簧火计划
            </p>
            <div class="logo"><img src="./images/logo2.png" alt=""></div>
            <div class="dropdown">
                <button>中文(简体)</button>
                <span>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xia1">
                        </use>
                    </svg>
                </span>
            </div>
            <ul class="lisk">
                <li><a href="">开发者中心</a></li>
                <li><a href="">广告投放</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">加入我们</a></li>
                <li><a href="">用户认证</a></li>
            </ul>
            <p class="bigp">Discover Superb Games.</p>
            <div class="text">
                <p>Copyright G 2020 TapTap. AI rights Reserved.</p>
                <p>适龄提示本公司产品适合10周岁以上玩家使用</p>
                <p>未成年人家长监护隐私政策侵权投诉</p>
                <p>沪ICP备16012525号-1沪网文(2019)3544-255号</p>
                <p>经营许可证编号:沪B2 20170322</p>
                <p>易玩(上海)网络科技有限公司</p>
                <p>公司地址:上海市静安区万荣路700号A3 202</p>
                <p>注册地址:上海市闵行区紫星路588号2幢2122室</p>
            </div>
        </div>
    </footer>
    <script src="./js/swiper.js"></script>
    <script src="./js/base.js"></script>
    <script>
       $(function(){
           $('[data-swiper="swiper"]').myswiper();
       }) 
    </script>
</body>

</html>